<%-- 
    Document   : Register
    Created on : Dec 2, 2009, 6:22:24 PM
    Author     : jo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Register--Join TripPlan!</title>
</head>

<body tracingsrc="register.png" tracingopacity="5">
<table width="1000" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="1000" height="286" colspan="3" align="left" valign="top"><img src="image/register/head.gif" width="1000" height="286"></td>
  </tr>
  <tr>
    <td width="297" height="423" rowspan="2" align="left" valign="top"><img src="image/register/left.gif" width="297" height="423"></td>
    <td width="703" height="138" colspan="2" align="left" valign="top"><img src="image/register/registerBanner.gif" width="703" height="138"></td>
  </tr>
  <tr>
    <td width="506" height="285" align="left" valign="top">
	<form name="form1" method="post" action="register.do?action=register">
      <table width="493" border="0" cellspacing="0" cellpadding="0">
        <tr align="left" valign="top">
          <td width="75" height="28" align="center" valign="middle">
            <img src="image/register/email.gif" width="35" height="14" align="baseline">
          </td>
          <td width="117" height="28" align="center" valign="middle">
            <input id="email2" name="email" type="text" size="15">
          </td>
          <td width="44" height="28"><span id ="usermsg"></span> </td>
          <td rowspan = "6" colspan="2" style="color:#333333; font-family: verdanna; font-size: 12px;"><textarea name="textarea" cols="30" rows="10">asdasd1</textarea></td>
        </tr>
        <tr align="left" valign="top">
          <td width="75" height="28" align="center" valign="middle">
	  <img src="image/register/password.gif" width="64" height="16"> </td>
          <td width="117" height="28" align="center" valign="top">
            <input id="password" name="password" type="password" size="15">
          </td>
          <td width="44" height="30">&nbsp;</td>
        </tr>
        <tr align="left" valign="top">
          <td width="75" height="33" align="center" valign="middle">
	<img src="image/register/confirm.gif" width="64" height="33"> </td>
          <td width="117" height="33" align="center" valign="top">
            <input id="password2" name="password2" type="password" size="15">
          </td>
          <td width="44" height="33">&nbsp;</td>
        </tr>
        <tr align="left" valign="top">
          <td width="75" height="25" align="center" valign="middle">
	<img src="image/register/firstname.gif" width="61" height="13"> </td>
          <td width="117" height="25" align="center" valign="top">
            <input id = "firstname" name="firstname" type="text" size="15">
          </td>
          <td width="44" height="25">&nbsp;</td>
        </tr>
        <tr align="left" valign="top">
          <td height="20" align="center" valign="middle"> <img src="image/register/lastname.gif" width="59" height="13"> </td>
          <td width="117" height="20" align="center" valign="middle">
            <input id="lastname" name="lastname" type="text" size="15">
          </td>
          <td height="20">&nbsp;</td>
        </tr>
        <tr align="left" valign="top">
          <td height="29" align="center" valign="middle">
	<img src="image/register/gender.gif" width="47" height="14"> </td>
          <td height="29" colspan="2" align="left" valign="middle">
            <input name="gender" type="radio" id="radio" value="male" checked>
            <img src="image/register/male.gif" width="30" height="13" align="bottom">
            <input name="gender" type="radio" id="radio" value="female">
            <img src="image/register/female.gif" width="44" height="13" align="bottom"> </td>
        </tr>
        <tr align="left" valign="top">
          <td width="75" height="20" align="center" valign="middle">
		  <img name="cancel" src="image/register/cancelBtn.gif" onClick="location.href='Login.jsp'" style="cursor:pointer" width="60" height="19" align="right"> </td>
          <td align="center" valign="middle">
		  <input type="image" name="register" onClick="this.form.submit()" src="image/register/registerBtn.gif" width="68" height="19" align="right">
		  </td>
          <td width="44" height="20">&nbsp;</td>
          <td width="129" align="center">
              <input type="radio" name="radiobutton" value="accept" checked>
            <img src="image/register/accept.gif" width="52" height="19"> </td>
          <td width="128">
            <input type="radio" name="radiobutton" value="dontaccept">
            <img src="image/register/dontAccept.gif" width="86" height="19"> </td>
        </tr>
      </table>
	</form>	</td>
    <td width="200" height="285" align="left" valign="top"><img src="image/register/right.gif" width="197" height="285"></td>
  </tr>
  <tr align="left" valign="top">
    <td height="108" colspan="3"><img src="image/register/bottom.gif" width="1000" height="108"></td>
  </tr>
</table>
</body>
</html>
